<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="filter"></div>
		<div class="popup">
			<div class="popup_title">添加物品</div>
			<div class="popup_cont">
				<p>物品名称：</p>
				<input type="text" class="add_item_name" />
				<p>单价 （元）：</p>
				<input type="text" class="add_item_unitPrice" />
				<p>单位：</p>
				<input type="text" class="add_item_company" />
				<p>数量：</p>
				<input type="text" class="add_item_number" />
				<p>库存预测：</p>
				<input type="text" placeholder="10" class="add_item_forecast" />
				<span class="cancel">取消</span>
				<span class="submit">提交</span>
			</div>
		</div>
		<div class="popup2">
			<div class="popup_title">修改信息</div>
			<div class="popup_cont">
				<p>物品名称：</p>
				<input type="text" class="update_item_name" />
				<p>单价 （元）：</p>
				<input type="text" placeholder="0.00" class="update_item_unitPrice" />
				<p>单位：</p>
				<input type="text" class="update_item_company" />
				<p>数量：</p>
				<input type="text" placeholder="0" class="update_item_number" />
				<p>库存预测：</p>
				<input type="text" placeholder="0" class="update_item_forecast" />
				<span class="cancel">取消</span>
				<span class="submit2">提交</span>
			</div>
		</div>
		<div class="header">
			<div class="header_title">查询条件</div>
			<div class="header_cont">
				<span>物品名称</span>
				<input type="text" class="name" />
				<span>库存状态</span>
				<select class="state">
					<option value=""></option>
					<option value="充足">充足</option>
					<option value="待补货">待补货</option>
				</select>
				<span class="query">查询</span>
			</div>
		</div>
		<div class="functionalArea">
			<div class="addTo">
				<i class="icon_addto"></i>
				<span class="zeng">新增</span>
			</div>
			<div class="modify">
				<i class="icon_modify"></i>
				<span class="gai">修改</span>
			</div>
			<div class="delete">
				<i class="icon_delete"></i>
				<span class="shan">删除</span>
			</div>
		</div>
		<div class="data">
			<div class="title">
				<div><input type="checkbox"></div>
				<div>物品ID</div>
				<div>物品名称</div>
				<div>单价</div>
				<div>单位</div>
				<div>数量</div>
				<div>库存状态</div>
				<div>库存预测</div>
				<div>创建时间</div>
				<div>修改时间</div>
			</div>
		</div>
		<div class="dataDetails">
			<form>
				<table class="surface"></table>
			</form>
		</div>
		<div class="setUp">
			<div class="left">
				总共<span class="total"></span>条数据 每页显示
				<select class="select_page">
					<option value="5">5</option>
					<option value="10" selected>10</option>
					<option value="15">15</option>
				</select>
			</div>
			<div class="right">
				<div class="prev"> < </div>
				<ul class="list">
				</ul>
				<div class="next">></div>
			</div>
			<div class="clear"></div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
